.schedule {
  &__container {}

  &__calender {
    padding: 5vw 2vw;
    border-bottom: #d7d7d7 1px solid;
  }

  &__wrap {
    padding: 2vw 2vw 4vw 2vw;
  }

  &__item {
    display: flex;
    align-items: center;
    margin: 3vw 0;
    padding: 3vw;
    border-radius: 20px;
    background: #66a6ff20;

    .icon {
      width: 80px;
      height: 80px;
      margin-right: 3vw;
      border-radius: 50%;
    }

    .content {
      overflow: hidden;
      max-width: 60%;
      color: #666;
      font-size: 1.2em;
      font-weight: bold;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .time {
      margin-left: auto;
      color: #999;
      font-size: .9em;
    }

    &--empty {
      margin-top: 2vw;
      color: #999;
      font-size: 1.2em;
      text-align: center;
    }
  }

  &__publish {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 240px;
    height: 80px;
    margin: 3vw auto 0 auto;
    color: #fff;
    font-weight: bold;
    border-radius: 20px;
    background-image: linear-gradient(120deg, #89f7fe 0%, #66a6ff 100%);
  }
}
